
{{--顶部导航栏--}}
{{--
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="margin-top: 15px">
    <ul class="nav navbar-nav">
        <li {!! is_null($navigation->getActiveTopNav())?' class="active"':'' !!}><a href="{!! route('frontend.web.index')!!}" style="color:#012b30;font-size: 16px">首页</a></li>
        @foreach($allNav as $category)
        <li ><a {!! $category->getPresenter()->linkAttribute() !!} style="color: #012b30;font-size: 16px">{!! $category->cate_name !!}</a>
            @if($category->hasChildren())
                <ul class="content">
                    @foreach($category->children as $children)
                        <li><a {!! $children->getPresenter()->linkAttribute() !!}>{!! $children->cate_name !!}</a></li>
                    @endforeach
                </ul>
            @endif
        </li>
        @endforeach
    </ul>
</div>--}}

<div class="nav">
        <div class="container-nav">
            <ul>
                <li>
                    <a href="{!! route('frontend.web.index')!!}">网站首页</a>
                </li>
                @foreach($allNav as $category)
                <li>
                    <a {!! $category->getPresenter()->linkAttribute() !!}>{!! $category->cate_name !!}</a>
                    @if($category->hasChildren())
                        <ul class="content">
                            @foreach($category->children as $children)
                                <li><a {!! $children->getPresenter()->linkAttribute() !!}>{!! $children->cate_name !!}</a></li>
                            @endforeach
                        </ul>
                    @endif
                    {{--<ul class="content" style="display: none; top: 90px; opacity: 0;">
                        <li><a href="#">中心简介</a></li>
                        <li><a href="#">实验室设置</a></li>
                        <li><a href="#">师资力量</a></li>
                        <li><a href="#">仪器设备</a></li>
                    </ul>--}}
                </li>
                @endforeach
            </ul>
        </div>
</div>

<script type="text/javascript">
    var headNavListItem = $('.container-nav>ul>li');
    headNavListItem.hover(function(){
        var child = $(this).find('.content');
        child.show();
        child.stop().animate({
            top: 60,
            opacity: 1
        }, 100)
    }, function(){
        var child = $(this).find('.content');
        child.stop().animate({
            top: 90,
            opacity: 0
        }, 100, function(){
            if(child.css('top') == '90px'){
                child.css('display', 'none');
            }
        });
        //通知公告
    })

</script>

